import React from 'react';
import { ScrollView, Text, View } from 'react-native';
import { Tabs } from '@ant-design/react-native';
// import TableView from "./TableView";

export default class ScrollTab extends React.Component {
    render() {

        const tabs2 = [
            { title: '1st Tab' },
            { title: '2nd Tab' },
            { title: '3rd Tab' },
            { title: '4th Tab' },
            { title: '5th Tab' },

        ];
        const style = {
            paddingVertical: 40,
            justifyContent: 'center',
            alignItems: 'center',
            margin: 10,
            backgroundColor: '#ddd',
        };
        return (
            <View style={{ flex: 1 }}>

                    <Tabs tabs={tabs2} initialPage={1} tabBarPosition="top" tabBarActiveTextColor={'red'} tabBarUnderlineStyle={{ justifyContent:'center',backgroundColor:'red', alignItems:"center"}}>
                        {[1, 2, 3, 4, 5,].map(i => {
                            return (
                               <View/>
                            );
                        })}
                    </Tabs>
            </View>
        );
    }
};